<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<%@ include file="/common/meta.jsp"%>
</head>

<body>

	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><a href="${ctx}/ms">首页</a></li>
			<li><a href="#">用户列表</a></li>
		</ul>
	</div>
	<div class="rightinfo">
		<div class="formbody">
			<form id="searchForm" class="form-horizontal">
				<ul class="seachform">

				<li><label>用户账户名称</label>
				<input type="text" name="name" value="" class="scinput" /></li>
				<li><label>&nbsp;</label><input name="btnSrearch" type="button"
					class="scbtn" value="查询"  onclick="searchUser()"/></li>

			</ul>
			</form>
		</div>
		<div class="tools">
			<ul class="toolbar">
				<li><a href="/ms/shiro/user/add"><span><img
							src="${ctx}/styles/images/t01.png" /></span>添加</a></li>				
				<li><a href="javascript:void(0)" onclick="delUser()"><span><img
							src="${ctx}/styles/images/t03.png" /></span>删除</a></li>
				<li><a href="#"><span><img
							src="${ctx}/styles/images/t04.png" /></span>统计</a></li>
			</ul>

		</div>

		<div id="grid"></div>
	</div>
	<script type="text/javascript">
		BUI.use([ 'bui/tab', 'bui/grid', 'bui/data', 'bui/overlay', 'bui/form',
				'bui/editor', './CodeCoverage/Home/View/js/table' ], function(
				Tab, Grid, Data, Table, Overlay, Form, Editor) {

			var Grid = Grid, Store = Data.Store, columns = [ {
				title : '',
				renderer : function() {
					return "<input type='checkbox' class='id'/>"
				},
				dataIndex : 'id',
				width : '3%'
			}, {
				title : '姓名(昵称)',
				dataIndex : 'fullname',
				width : '10%'
			}, {
				title : '登陆名',
				dataIndex : 'username',
				width : '10%'
			}, {
				title : '头像',
				dataIndex : 'icon',
				width : '13%'
			}, {
				title : '邮箱',
				dataIndex : 'email',
				width : '16%'
			},  {
				title : '部门',
				dataIndex : 'orgName',
				width : '12%'
			}, {
				title : '状态',
				dataIndex : 'account_status',
				width : '5%'
			}, {
				title : '创建时间',
				dataIndex : 'create_date',
				width : '10%'
			},{
				title : '更新时间',
				dataIndex : 'last_update_date',
				width : '10%'
			},{
				title : '操作',
				dataIndex : 'd',
				width:'10%',
				renderer : function (value,obj) {
	            return '<span class="grid-command view">查看</span><span class="grid-command edit">编辑</span><span class="grid-command delete">删除</span>';
	          }}			
			];

			/**
			 * 自动发送的数据格式：
			 *  1. start: 开始记录的起始数，如第 20 条,从0开始
			 *  2. limit : 单页多少条记录
			 *  3. pageIndex : 第几页，同start参数重复，可以选择其中一个使用
			 *
			 * 返回的数据格式：
			 *  {
			 *     "rows" : [{},{}], //数据集合
			 *     "results" : 100, //记录总数
			 *     "hasError" : false, //是否存在错误
			 *     "error" : "" // 仅在 hasError : true 时使用
			 *   }
			 * 
			 */
			var store = new Store({
				url : '/ms/shiro/user/userList',
				autoLoad : true, //自动加载数据
				//params : { //配置初始请求的参数
				//  a : 'a1',
				// b : 'b1'
				//},
				pageSize : 10
			// 配置分页数目
			}), grid = new Grid.Grid({
				render : '#grid',
				width:'100%',//如果表格使用百分比，这个属性一定要设置
				columns : columns,				
				loadMask : true, //加载数据时显示屏蔽层
				store : store,

				// 底部工具栏
				bbar : {
					// pagingBar:表明包含分页栏
					pagingBar : true
				}

			});

			grid.render();
			//创建表单，表单中的日历，不需要单独初始化
			var form = new BUI.Form.HForm({
				srcNode : '#searchForm'
			}).render();

			form.on('beforesubmit', function(ev) {
				//序列化成对象
				var obj = form.serializeToObject();
				obj.start = 0; //返回第一页
				store.load(obj);
				return false;
			});
			grid.on('cellclick',function  (ev) {
		          var record = ev.record, //点击行的记录
		            field = ev.field, //点击对应列的dataIndex
		            target = $(ev.domTarget); //点击的元素
		          if(target.hasClass('view')){
			           
			            window.location.href = "/ms/shiro/user/view/" + record['id'];   
			          }			 
		          if(target.hasClass('edit')){
		           
		            window.location.href = "/ms/shiro/user/edit/" + record['id'];   
		          }		 
		          if(target.hasClass('delete')){
		        	  BUI.Message.Confirm('确认删除么？', function () {
			            	
			                $.post("/ms/shiro/user/delete/"+record['id'],function (data, status) {			                	
			                	if (data.success) {			                		
			                        store.load();//删除成功重载grid表格数据
			                    } else {
			                        BUI.Message.Alert("删除错误", "error");
			                    }			                  
			                });  
			            }, 'question');	
		          }
		 
		        });

		});
		//**检索
		function searchUser(){
			$.ajax({
	            cache: true,
	            type: "POST",
	            url:"/ms/shiro/user/userList",
	            data:$('#searchForm').serialize(),
			});
			$("#searchForm").submit();
		}		
	        
	      //删除操作--这里是批量操作的写法
	        function delUser () {
	    	 
	            var selections = grid.getSelection();//获取表格选择的数据行
	            if (!selections || selections.length <= 0) {
	                BUI.Message.Alert("请选择要删除数据项，可多选", "warning");
	                return;
	            }
	            BUI.Message.Confirm('确认删除么？', function () {
	                var ids = {};//批量删除的数组ID
	                for (var i = 0; i < selections.length; i++) {
	                    ids[i] = selections[i].id;
	                }                
	                loadMask.show();
	                alert(ids[i]);
	                $.post("/ms/shiro/user/delete111/#"+ids,function (data, status) {
	                	alert("here1");
	                	if (data.success) {
	                        store.load();//删除成功重载grid表格数据
	                    } else {
	                        BUI.Message.Alert("删除错误", "error");
	                    }
	                    loadMask.hide();
	                });    				
	                alert("exit");
	            }, 'question');
	            return false;
	        };

	</script>
</body>

</html>
